<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="../test/css/test.css">
		<script type="text/javascript" src="../../lib/jstree/jquery.jstree.js"></script>
		<script type="text/javascript" src="../test/js/testmgtservice.js"></script>
		<script type="text/javascript" src="../test/js/testmgtcontroller.js"></script>

		<script id="categories-list-tmpl" type="text/x-handlebars-template">
			<ul>
			{{#each childCategories}}
			<li data-type="CATEGORY" data-name="{{name}}">
				<a href="#">{{name}}</a>
			{{>categories-recursion}}
			</li>
			{{/each}}
			</ul>
		</script>


        <script id="tests-overview-list-tmpl" type="text/x-handlebars-template">
            <ul class="list-unstyled row">
			{{#each tests}}
			<li class="col-md-3">
				<div class ="thumbnail">
					<img class="img-galery" alt="" src="{{img}}" style="width: 250px; height: 200px;">
					<div class="caption">
						<h5>{{name}}</h5>
                        <p class="description" style="height:50px">
                            {{desc}}
		                </p>
		                <div class="test-rating" data-rating="{{rating}}">
		                </div>
						<div class="controls">
							<button id ="{{code}}" class="btn-success btn" style="margin-top:5px">
								View
							</button>
						</div>
					</div>
				</div>	
			</li>
			{{/each}}
            </ul>        
		</script>



		<script id="categories-recursion-partial" type="text/x-handlebars-template">
			{{#if childCategories}}
			<ul>
			{{#each childCategories}}
			<li data-type ="CATEGORY" data-name="{{name}}" >
				<a href="#">{{name}}</a>
			{{>categories-recursion}}
			</li>
			{{/each}}
			</ul>
			{{/if}}
		</script>

		<script>
			$(document).ready(function() {
				//TestMgtController.getTestCategories();
				TestMgtController.getAllTests();
			});
		</script>

	</head>
	<body>
        
        <div class="container">
			<div class="row">
                <!--<div class="col-md-4">
					<div class="tabbable">
						<ul class="nav nav-tabs">  
							<li class="active"><a href="#categoryPane">CATEGORIES</a> </li>
						</ul>
						<div class="tab-content">
							<div id="categoryPane" class="category-list">
							</div>	
						</div>	
					</div>	  					
				</div>-->
				<div class="col-md-12 content-holder all_tests">
				</div>
			</div>
		</div>
        
	</body>
</html>
